<template>
  <a-form class="search_form" layout="inline" :form="form" @submit="handleSubmit">
    <a-form-item label="关键字">
      <a-input v-decorator="['keyword']"></a-input>
    </a-form-item>
    <a-form-item>
      <a-button type="primary" html-type="submit">查询</a-button>
      <a-button class="btn_clear" @click="handleReset">重置</a-button>
    </a-form-item>
  </a-form>
</template>

<script>
  export default {
    name: 'sysSearch',
    data() {
      return {
        form: this.$form.createForm(this)
      }
    },
    methods: {
      handleReset() {
        this.form.resetFields()
      },
      handleSubmit(e) {
        e.preventDefault()
        this.form.validateFields((err, values) => {
          if (!err) {

          }
        })
      }
    }
  }
</script>

<style scoped lang="scss">
  @import "../styl/Index.scss";

  .btn_clear {
    margin-left: 12px;
  }
</style>
